<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>生产管理系统数字平台</title>

    <link rel="stylesheet" href="__ADMIN_CSS__/bootstrap.min.css">
    <link rel="stylesheet" id="css-main" href="__ADMIN_CSS__/oneui.css">
    <link rel="stylesheet" href="__ADMIN_CSS__/dolphin.css">
    <link rel="stylesheet" href="__HOME_CSS__/base.css">
    <style>
        .main{
            height: 100vh;
            width: 1920px;
            position: relative;
            background-color: #F5F7FB;
        }
        /*-------------------登陆页面----------------------*/
        .box{
            width: 1172px;
            height: 100%;
            background: #F5F7FB;
            padding: 107px 114px 87px;

            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .logo{
            position: absolute;
            right: 181px;
            bottom: 71px;
        }
        .box .title{
            margin-bottom: 147px;
        }
        .box .title .name{
            text-align: center;
        }
        .box .title .name h5{
            font-size: 40px;
            font-family: Microsoft YaHei;
            font-weight: 300;
            color: #418BE6;
            line-height: 36px;
        }
        .box .title .name p{
            font-size: 16px;
            font-family: Arial;
            font-weight: 400;
            color: #010101;
            line-height: 36px;
            margin-top: 12px;
        }
        .box .title .regiter{
            width: 138px;
            height: 41px;
            background: #F5F7FB;
            border: 1px solid #C9C9C9;
            border-radius: 20px;
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #000000;
            cursor: pointer;
            line-height: 36px;
        }
        .box .form{
            padding:0 209px;
            margin-bottom: 195px;
        }
        .box .form h5{
            width: 88px;
            height: 22px;
            font-size: 22px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #2E82E8;
            line-height: 36px;
            margin-bottom: 28px;
        }
        .box .form input{
            height: 45px;
            background: #FFFFFF;
            box-shadow: 0px 0px 3px 0px #EBEBEB;
            border-radius: 10px;
            width: 100%;
            font-size: 16px;
            font-family: Microsoft YaHei;
            text-align: center;
            margin-bottom: 20px;
            font-weight: 400;
            border: 0;
            color: #000000;
            line-height: 36px;
        }
        .box .form input::placeholder{
            opacity: 0.5;
        }
        .box .form p{
            margin: 33px 0;
            width: 100%;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #000000;
            line-height: 36px;

        }
        .box .form  a{
            height: 45px;
            background: #418BE6;
            box-shadow: 0px 0px 3px 0px #EBEBEB;
            border-radius: 10px;
            width: 100%;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            display: block;
            border: 0;
            color: #FFFFFF;
            transition: .3s all ease;
            line-height: 45px;
            cursor: pointer;
            text-align: center;
        }
        .box .form  a:hover{
            opacity: .8;
        }
        .box .tips p{
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #000000;
            line-height: 36px;
        }
        .box .tips p:first-of-type{
            color: #A5A5A5;
            font-weight: 400;
        }
        .box .tips p:last-of-type{
            font-weight: 400;
        }

        .fixBox{
            position: fixed;
            width: 100%;
            height: 100%;
            display: none;
            left: 0px;
            top: 0;
            z-index: 20;
        }
        .fixBox .bg{
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0px;
            top: 0;
            z-index: 21;
            background-color: rgba(0,0,0,0.5);
        }
        .fixBox .content{
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            z-index: 22;
            width: 1005px;
            height: 576px;
            background: #FFFFFF;
            border-radius: 10px;
            padding: 0 32px;
        }
        .fixBox .content .title{
            padding: 26px 0;
            border-bottom: 1px solid #DEDEDE;
        }
        .fixBox .content .title h5{
            font-size: 22px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #000000;
        }
        .fixBox .content .title  p{
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #000000;
        }
        .fixBox .content .form{
            padding: 58px 230px 0;

        }
        .fixBox .content .form input,select{
            height: 45px;
            background: #FFFFFF;
            box-shadow: 0px 0px 3px 0px #EBEBEB;
            border-radius: 10px;
            width: 100%;
            font-size: 16px;
            border: 1px solid #C9C9C9;
            font-family: Microsoft YaHei;
            text-align: center;
            margin-bottom: 20px;
            font-weight: 400;
            color: #000000;
            line-height: 45px;
        }
        .fixBox .content .form p{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #000000;
            text-align: center;
        }
        .sign-btn-submit{
            height: 45px;
            background: #418BE6;
            box-shadow: 0px 0px 3px 0px #EBEBEB;
            border-radius: 10px;
            width: 100%;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            display: block;
            border: 0;
            color: #FFFFFF;
            transition: .3s all ease;
            line-height: 45px;
            cursor: pointer;
            margin-top: 20px;
            text-align: center;
        }
        /*-----------------登陆页面 END--------------------*/
    </style>
</head>
<body>

<div class="main">
    <div class="box">
        <div class="title">
            <div class="name">
                <h5>生产管理系统数字平台</h5>
                <p>Production  Management  System</p>
            </div>
        </div>
        <form class="form signin-form" name="signin-form" action="{:url('signin')}" method="post">
            <h5>用户登录</h5>
            <input type="text" class="h_center" name="username" placeholder="请输入账号">
            <input type="password" class="h_center" name="password" placeholder="请输入登录密码">
            <p>忘记密码</p>
            <button type="submit" class="sign-btn-submit">登录</button>
        </form>
    </div>

    <div class="fixBox">
        <div class="bg close"></div>
        <div class="content">
            <div class="title s_center">
                <h5>账号注册</h5>
                <p>已有账号，<font class="close" style="color: #2981ef;opacity: unset;">去登录></font></p>
            </div>
            <form class="form register-form" name="register-form" action="{:url('register')}" method="post">
                <input type="text" class="h_center" name="nickname" placeholder="请输入昵称">
                <input type="text" class="h_center" name="password" placeholder="请输入密码">
                <input type="text" class="h_center" name="mobile" placeholder="请输入电话号码">
                <select class="h_center" name="mill_id">
                    <option value="">选择车间</option>
                    {volist name="mill_list" id="mill"}
                        <option value="{$key}">{$mill}</option>
                    {/volist}
                </select>
                <p>帐号服务需要管理员审核，点击“注册”，即表示您同意登录页的<font  color="#2981EF">隐私声明</font></p>
                <button type="submit" class="sign-btn-submit">注册</button>
            </form>
        </div>
    </div>
</div>

<!-- OneUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock, Appear, CountTo, Placeholder, Cookie and App.js -->
<script src="__ADMIN_JS__/core/jquery.min.js"></script>
<script src="__ADMIN_JS__/core/bootstrap.min.js"></script>
<script src="__ADMIN_JS__/core/jquery.slimscroll.min.js"></script>
<script src="__ADMIN_JS__/core/jquery.scrollLock.min.js"></script>
<script src="__ADMIN_JS__/core/jquery.appear.min.js"></script>
<script src="__ADMIN_JS__/core/jquery.countTo.min.js"></script>
<script src="__ADMIN_JS__/core/jquery.placeholder.min.js"></script>
<script src="__ADMIN_JS__/core/js.cookie.min.js"></script>
<script src="__ADMIN_JS__/app.js"></script>

<!-- Page JS Plugins -->
<script src="__LIBS__/jquery-validation/jquery.validate.min.js"></script>
<script src="__LIBS__/bootstrap-notify/bootstrap-notify.min.js"></script>
<script src="__LIBS__/sweetalert/sweetalert.min.js"></script>

<!-- Page JS Code -->
<script src="__ADMIN_JS__/dolphin.js"></script>
{:hook('signin_footer')}
<script>
    $(document).ready(function () {
        $('.regiter').on('click',function () {
            $('.fixBox').show()
        })
        $('.close').on('click',function () {
            $('.fixBox').hide()
        })
        //登陆
        $('.signin-form').on('submit', function () {
            var $data = $(this).serialize();

            Dolphin.loading();
            $.post($(this).attr('action'), $data, function (res) {
                Dolphin.loading('hide');
                if (res.code) {
                    Dolphin.notify('登录成功，页面即将跳转~', 'success');
                    setTimeout(function () {
                        location.href = res.url;
                    }, 1500);
                } else {
                    Dolphin.notify(res.msg, 'danger');
                }
            }).fail(function () {
                Dolphin.loading('hide');
                Dolphin.notify('服务器错误~', 'danger');
            });
            return false;
        });
        //注册
        $('.register-form').on('submit', function () {
            var $data = $(this).serialize();

            Dolphin.loading();
            $.post($(this).attr('action'), $data, function (res) {
                Dolphin.loading('hide');
                if (res.code) {
                    Dolphin.notify(res.msg, 'success');
                    $('.fixBox').hide();
                } else {
                    Dolphin.notify(res.msg, 'danger');
                }
            }).fail(function () {
                Dolphin.loading('hide');
                Dolphin.notify('服务器错误~', 'danger');
            });
            return false;
        });
    });
</script>

</body>
</html>